@charset "utf-8";
/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;

}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 40%;

	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
.c-banner{width: 100%;overflow: hidden;}
.c-banner .banner ul li img{width: 100%;position: absolute;}
.nexImg{display:none}
.preImg{display:none}
body.met-navfixed-langlist {padding-top: 0px;}
.about-title h3{font-size: 2rem}
.right_part{display: none;}

.container_num{padding: 0; width: 88%; }
.ppgs-l, .gtrz .img100 {    width: 100%;}
.ppgs-r {    padding: 25px 0;position: static;width: 100%;}
.ppgs-warp {    width: auto;}
.ljgd2 {    width: 100px;    line-height: 34px;}
.w1388{    width: auto;    margin: 0 20px;}
.box{height: 100%}
.box-1 ul li,.box-1 ul li img{width: 100%;height: 100%}
.index-a {    margin-top: 1%;}
.index-a li {    width: 49%;    margin-right: 1%;}
.index-a-title {    margin-top: 0;}
.index-a .img img {    width: 36px;}
.about_bottom li{width:49%; margin-bottom:1%}
.about_bottom li span{font-size:35px;}
.about_bottom li{height:153px;}

.ibox6 { width:auto; margin:8px auto 0;  }
.ibox6 li { display:block; float:none; width:auto; }
.ibox6 li div { margin:0px 5px; padding-bottom:10px; height:auto;  }
.ibox6 li div img { display:block; width:100%; height:auto; transition:none; -moz-transition:none; /* Firefox 4 */ -webkit-transition:none; /* Safari and Chrome */ -o-transition:none; /* Opera */}
.ibox6 li div:hover img { width:100%; height:auto; margin-left:0px; margin-top:0px;}
.ibox6 li div p { top:0; left:10px; right:10px; position:absolute; }
.ibox6 li span { display:block;  background:#FFF; margin:0px 20px 15px; font-size:12px; color:#333333; line-height:20px; }
.ibox6 li div p b { display:block; background:#FFF; color:#018dd7; font-size:16px; line-height:40px; text-align:center; height:40px;  }
.container_n{width:100%;margin-left:auto;margin-right:auto}
.rollBox .Cont {    width: 250px;    overflow: hidden;    float: left;}
.rollBox .LeftBotton{margin-left: 0}
.newslist {    padding: 0 0 40px;    width: 95%;    margin: 0 auto;}
.newslist li{ padding:15px 0}
.newslist li .time{ width:80px; height:80px;}
.newslist li .time .p1{ font-size:30px;}
.newslist li .title{ width:calc(100% - 95px); }
.newslist li .title h3{ font-size:15px}
.newslist li .title .intro{ font-size:12px; margin-top:5px; height:40px}
.about-title i {    width: 80px;  }

.indextab{width:100%;height:100%;}
 .indextab-cont-titie-1 a{font-size:1.8rem}
 .indextab-item-pic img{width:76%}
 .indextab-item-pic {height:48%}
 .indextab-cont-cont-1{width:100%}
 .indextab-cont{margin-bottom: 3%;}
 .indextab-item-sum{line-height:2rem;height:25%}
 .indextab-cont-titie{float:left;width:100%}
 .indextab-cont-titie-1 a:hover{color:#fff;}
.indextab-cont:nth-child(1){ margin:0 11px 11px 0 ;width:45%;}
.indextab-cont:nth-child(2){ margin:0 0 11px 11px ;width:45%}
.indextab-cont:nth-child(3){ margin:11px 11px 0 0 ;width:45%}
.indextab-cont:nth-child(4){ margin:11px 0 11px 11px ;width:45%}
.indextab-cont-cont{display: none;}
.about_bottom li i{font-size: 1.5rem}
.about_bottom li em{font-size: 1.6rem}

.ibox3 { box-shadow:#d8d8d8 0 0 0px; margin-top:8px; border:0; }
.ibox3_l { float:none;  width:100%; height:100%; margin-right:0px; margin-bottom:10px; }
.ibox3_r { height:auto;  margin:0 5px; width: 100%}
.ibox3_r ul { line-height:45px; margin-top:0px; font-size:14px; margin-bottom:12px; }
.ibox3_r ul li { padding:0; width:25%; text-align:center; }
.ibox3_r ul li.now { font-size:14px;}
.ibox3_r div { margin:0 10px; padding-bottom:10px; }
.ibox3_r div > a h1 { font-size:13px; font-weight:bold; line-height:20px; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.ibox3_r div > a p { font-size:12px; line-height:20px; margin-bottom:6px; }
.ibox3_r div dl a { line-height:30px; padding-left:12px; font-size:12px; background-size:3px 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;width: 80%}
/*news pic*/
.ibox4 { position: relative; width:auto; margin:0px 5px; }
.ibox4 .swiper-slide img { width:100%; height:auto; display:block; }
.ibox4 .swiper-slide p { height:25px; line-height:25px; font-size:12px; padding-left:7px; }
.ibox4 .pagination1 { bottom:6px; width:53px; }
.ibox4 .swiper-pagination-switch { width: 5px; height: 5px; border-radius: 5px; margin:0 1px; } 
.ibox4 .arrow-right1 { display:none }
.ibox4 .arrow-left1 { display:none; }
.ibox3_r ul li.now a{font-size: 1.5rem}
.indextab{padding-top: 10px}

/*ztzl*/
.ztzl_container{width:auto;margin-top: 46px;}
.ztzl_box li { display:block; float:none; width:auto; margin:0 10px 30px;}
.ztzl_box li div img { display:block; width:100%; height:auto; transition:none; -moz-transition:none; /* Firefox 4 */ -webkit-transition:none; /* Safari and Chrome */ -o-transition:none; /* Opera */}
.ztzl_box li div:hover img { width:100%; height:auto; margin-left:0px; margin-top:0px;}
.ztzl_box li div p { left:10px; right:10px; }
.ztzl_box li div p b { font-size:16px;  }

.container{width: 100%}
.met-img.type-0 li font img{height: 250px}
.info-bottom{display: none;}
.met-links{display: none;}

}


@media screen and (max-width:768px)and (max-width:799px) {
.ibox3_l{width: 100%}
.ibox3_r{width: 100%}
.box{width: 100%}
.ibox3_r ul{width: 100%;font-size:1.5rem;}
.index-a .w1388{width: 100%}
.indextab-cont{width: 23%}
.indextab-item-pic{width: 100%;height: 100%}
.indextab-item-pic img{width: 100%;height: 100%}
.ibox6{width: 100%}
.container{width:100%}
 }


@media screen and (min-width: 800px) and (max-width:1200px){
.index-a-con {    background:rgba(9, 147, 230, 0.75)}
.index-a h3{font-size: 16px;color: #fff}
.index-a i {    display: none;}
.ibox3_l{width: 55%}
.ibox3_r{width: 40%}
.box{width: 100%}
.ibox3_r ul{width: 100%;font-size:1.5rem;}
.index-a .w1388{width: 100%}
.indextab-cont{width: 23%}
.indextab-item-pic{width: 100%;height: 100%}
.indextab-item-pic img{width: 100%;height: 100%}
.ibox6{width: 100%}
.ibox3_r div dl a{font-size: 1.5rem}
.ztzl_container{width: 100%}
.ztzl_box li{width: 45%}
.container{width:85%}
.rollBox .Cont{width: 85%}
} 



@media screen and (min-width: 1201px) and (max-width:1340px){
.index-a-con {    background:rgba(9, 147, 230, 0.75)}
.index-a h3{font-size: 16px;color: #fff}
.index-a i {    display: none;}
.ibox3_l{width: 55%}
.ibox3_r{width: 40%}
.box{width: 100%}
.ibox3_r ul{width: 100%;font-size:1.5rem;}
.index-a .w1388{width: 100%}
.indextab-cont{width: 23%}
.indextab-item-pic{width: 100%;height: 100%}
.indextab-item-pic img{width: 100%;height: 100%}
.ibox6{width: 100%}
.container{width:100%}
.info-top{height: 200px}
} 



@media screen and (min-width:1250px) {
	.container_num{width:1388px;}
}
@media screen and (min-width:1400px) {
	.info-top{height: 250px}
}
@media screen and (min-width:1000px) and (max-width:1550px){
	.met-img.type-0 li font img{height: 300px}
	
}